﻿<html>
	<head>
		<title></title>
		<script type="text/javascript" src="loader.js"></script>
		<link rel="stylesheet" type="text/css" href="style.css"/>
		<script type="text/javascript">
			var model = "modele/rektorat/IIRVE_many.js";
		</script>
	</head>
	<body>
		<div id="leftColumn">
			<div id="fps">?</div>
			<div id="time">?</div>
			<div id="verts">?</div>
			<div id="triangles">?</div>
			<input type="checkbox" onclick="OnRenderModeChange(null)" checked="true">ROR</input>
			<button onclick="TestPerformance(10)">Test</button>
			
			<div id="view">
				<ul >
					<li><a href="#top">Top</a></li>
					<li><a href="#bottom">Bottom</a></li>
					<li><a href="#left">Left</a></li>
					<li><a href="#right">Right</a></li>
					<li><a href="#front">Front</a></li>
					<li><a href="#back">Back</a></li>
				</ul>
			</div>
			<hr>
			<div id="model">
				<ul >
					<li><a href="#" onclick="ChangeScene('modele/ford.js')">Ford</a></li>
					<li><a href="#" onclick="ChangeScene('modele/bmw.js')">BMW</a></li>
					<li><a href="#" onclick="ChangeScene('modele/synagoga.js')">Synagoga</a></li>
					<li><a href="#" onclick="ChangeScene('modele/rektorat/IIRVE_many.js')">Rektorat</a></li>
					<li><a href="#" onclick="ChangeScene('modele/textured_box.js')">Box</a></li>
				</ul>
			</div>
		</div>
		
		<div id="labelInfo">
			Additional Info
		</div>
		<canvas id="canvas" width="750" height="750"></canvas>
		<div id="testConsole" style="float: right"></div>
		<script type="text/javascript">
			var scripts = new Array();
			scripts.push("lib/scenejs.js");
			scripts.push("lib/jquery-1.7.2.min.js");
			scripts.push("simple_viewer.js");
			scripts.push("events.js");
			scripts.push("links.js");
			scripts.push("picking.js");
			scripts.push("scene.js");
			scripts.push("statistics.js");
			scripts.push("globals.js");

			scripts.push(model);
			
			LoadManyScripts(scripts);
		</script>
	</body>
</html>